@CHARSET "UTF-8";
html
{
height:100%;
margin:0;
}
body
{
height:100%;
margin:0; 
background-image:url(../../img/back.png);
background-repeat:no-repeat;
background-size:cover;
}
.titleBackground{
background-color:rgba(65,199,219,0.7);
width:100%;
height:16%;
z-index:-1;
text-align: center;
margin: 0 auto;
}
.title{
font-style:normal;
font-family:YouYuan;
font-size:40px;
font-weight:blod;
display:block;
position:absolute;
left:40%;top:20px;
color:white
}
.icon{
width:20%;
margin-top:-3.5%;
font-family: YouYuan;
font-size: 20px;
text-align: center;
color: white;
padding-top: -4%;
float: right;
}
.font{
width: 20%;
font-family: YouYuan;
font-size: 40px;
font-weight: bold;
margin-left: 35%;
text-align: center;
padding: 4%;
float: left;
color: #FFFFFF;
}
.province{
font-family:Arial;
font-size:20px;
display:block;
position:absolute;
width:90px;height:26px;
left:40%;top:280px;
color:black
}
.provinceSelect{
position:absolute;
left:90px;
width: 90%;
height: 100%;
margin-right: 2%;
}
.city{
font-family:Arial;
font-size:20px;
display:block;
position:absolute;
width:90px;height:26px;
left:40%;top:350px;
color:black
}
.citySelect{
position:absolute;
left:90px;
width: 90%;
height: 100%;
margin-right: 2%;
}
.school{
font-family:Arial;
font-size:20px;
display:block;
position:absolute;
width:135px;height:26px;
left:40%;top:420px;
color:black
}
.school input{
position:absolute;	
width:130px;height:23px;
left:90px;top:5px;
font-size:15px;
}
.submit{
position:absolute;
left:47%;top:535px;
background-color: white;
color:black;
padding:3px 4px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 20px;
font-family:Arial;
cursor: pointer;
}